<!-- START PAGE CONTAINER -->
<div class="page-container Menu">

    <!-- START PAGE SIDEBAR -->
    <div class="page-sidebar">
        <!-- START X-NAVIGATION -->
        <ul class="x-navigation">
            <li class="xn-title" href="javascript:void(0)" ng-click="jumpHome()" style="border-bottom: 2px solid #DCDCE1;">
                .
                <span class="version"><a href="javascript:void(0)" ng-click="openVersion()">{{'版本信息' | dyLanguage }}</a></span>
            </li>
            <li class="active" ui-sref="sz.homepage">

                <a href="javascript:void(0);" ng-click="jumpHome()"> <span class="fa fa-dashboard"></span> <span class="xn-text">{{'仪表板' | dyLanguage}}</span></a>
            </li>

            <li class="xn-openable" ng-show="showRoleMenu('LEARNING_MAP_MENU')">
                <a href="javascript:void(0);"><span class="fa fa-map-marker"></span> <span class="xn-text">{{'学习地图' | dyLanguage}}</span></a>
                <ul>
                    <li ng-show="showRoleMenu('LEARNING_MAP_MENU_ITEM')"><a ui-sref="sz.learningMapQuery"><span class="fa"></span>{{'学习地图管理' | dyLanguage}}</a></li>
                    <li ng-show="showRoleMenu('LEARNING_MAP_FORUM_MENU_ITEM')"><a ui-sref="sz.forumPageQuery"><span class="fa"></span>{{'评论管理' | dyLanguage}}</a></li>
                    <li ng-show="showRoleMenu('LEARNING_MAP_ROUTE_MENU_ITEM')"><a ui-sref="sz.learningMapRouteQuery"><span class="fa"></span>{{'地图模版管理' | dyLanguage}}</a></li>
                    <li ng-show="showRoleMenu('LEARNING_MAP_LANGUAGE_MENU_ITEM')"><a ui-sref="sz.languageQuery"><span class="fa"></span>{{'语言管理' | dyLanguage}}</a></li>
                </ul>
            </li>
            <li class="xn-openable" ng-show="showRoleMenu('CONTENT_MENU')">
                <a href="javascript:void(0);"><span class="fa fa-align-left"></span> <span class="xn-text">{{'内容' | dyLanguage}}</span></a>
                <ul>
                    <li ng-show="showRoleMenu('CONTENT_QUIZ_MENU_ITEM')"><a ui-sref="sz.contentQuizQuery"><span class="fa"></span>{{'测试' | dyLanguage}}</a></li>
                    <li ng-show="showRoleMenu('CONTENT_DYNAMIC_HTML_MENU_ITEM')"><a ui-sref="sz.contentDynamicHtmlQuery"><span class="fa"></span>{{'课程' | dyLanguage}}</a></li>
                    <!--<li ng-show="showRoleMenu('CONTENT_ARTICLE_MENU_ITEM')"><a ui-sref="sz.contentArticleQuery"><span class="fa"></span>{{'文章' | dyLanguage}}</a></li>-->
                    <li ng-show="showRoleMenu('CONTENT_TASK_MENU_ITEM')"><a ui-sref="sz.contentTaskQuery"><span class="fa"></span>{{'任务' | dyLanguage}}</a></li>
                    <!--<li><a ui-sref="sz.quizQuery"><span class="fa"></span>{{'测试题管理' | dyLanguage}}</a></li>-->
                    <!--<li><a ui-sref="sz.dynamicHtmlQuery"><span class="fa"></span>{{'H5管理' | dyLanguage}}</a></li>-->
                    <!--<li><a ui-sref="sz.videoQuery"><span class="fa"></span>{{'视频管理' | dyLanguage}}</a></li>-->
                </ul>
            </li>
            <li class="xn-openable" ng-show="showRoleMenu('OTHER_MENU')">
                <a href="javascript:void(0);"><span class="fa fa-cogs"></span> <span class="xn-text">{{'其他' | dyLanguage}}</span></a>
                <ul>
                    <li ng-show="showRoleMenu('OTHER_BADGE_MENU_ITEM')"><a ui-sref="sz.badgeQuery"><span class="fa"></span>{{'徽章管理' | dyLanguage}}</a></li>
                    <li ng-show="showRoleMenu('OTHER_EVENT_MENU_ITEM')"><a ui-sref="sz.uriEventQuery"><span class="fa"></span>{{'事件管理' | dyLanguage}}</a></li>
                    <li ng-show="showRoleMenu('OTHER_DOOR_MENU_ITEM')"><a ui-sref="sz.doorQuery"><span class="fa"></span>{{'传送门管理' | dyLanguage}}</a></li>
                </ul>
            </li>
            <li class="xn-openable" ng-show="showRoleMenu('ACCOUNT_MENU')">
                <a href="javascript:void(0);"><span class="fa fa-map-marker"></span> <span class="xn-text">{{'组织与账号' | dyLanguage}}</span></a>
                <ul>
                    <li ng-show="showRoleMenu('ACCOUNT_MENU_ITEM')"><a ui-sref="sz.organizationClientQuery"><span class="fa"></span>{{'企业账号管理' | dyLanguage}}</a></li>
                </ul>
            </li>
            <li class="xn-openable" ng-show="showRoleMenu('REPORT_MENU')">
                <a href="javascript:void(0);"><span class="glyphicon glyphicon-signal"></span> <span class="xn-text">{{'统计' | dyLanguage}}</span></a>
                <ul>
                    <li ng-show="showRoleMenu('REPORT_LEARNING_MAP_REPORT_MENU_ITEM')"><a ui-sref="sz.dashboardLearningMapDetailReport"><span class="fa"></span>{{'地图漏斗' | dyLanguage}}</a></li>
                </ul>
            </li>
        </ul>
        <img src="skin/default/img/logo.png" style="position: absolute; top: 7px;width: 60px;left: 20px;">
        <!-- END X-NAVIGATION -->
    </div>
    <!-- END PAGE SIDEBAR -->

    <!-- PAGE CONTENT -->
    <div class="page-content">
        <!-- START X-NAVIGATION VERTICAL -->
        <ul class="x-navigation x-navigation-horizontal x-navigation-panel breadcrumb" style="padding: 0px; border-bottom: 2px solid #DCDCE1;">
            <!-- SIGN OUT -->
            <li class="xn-icon-button pull-right">
                <a ng-click="logout()" class="mb-control"><span class="fa fa-sign-out"></span></a>
            </li>
            <!-- END SIGN OUT -->


            <!-- TASK -->
            <li class="xn-icon-button pull-right" style="padding: 0px; margin: 0px;">
                <a href="javascript:void(0)" ui-sref="sz.learningMapTaskMessageQuery" style="margin-right: -20px;"><span class="fa fa-th-large"></span></a>
                <!--<div class="informer informer-danger">2</div>-->
                <!--<div class="panel panel-primary animated zoomIn xn-drop-left xn-panel-dragging">-->
                    <!--<div class="panel-heading">-->
                        <!--<h3 class="panel-title"><span class="fa fa-comments"></span> {{'等待审批的任务' | dyLanguage}}</h3>-->
                        <!--<div class="pull-right">-->
                            <!--<span class="label label-danger">2{{'个等待审批的任务' | dyLanguage}}</span>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="panel-body list-group list-group-contacts scroll">-->
                        <!--<a href="javascript:void(0)" class="list-group-item">-->
                            <!--<div class="list-group-status status-online"></div>-->
                            <!--<span class="contacts-title">{{'递交者' | dyLanguage}}: John Doe</span><span style="float: right;">2018-10-10</span>-->
                            <!--<p>任务内容(状态)</p>-->
                        <!--</a>-->
                        <!--<a href="javascript:void(0)" class="list-group-item">-->
                            <!--<div class="list-group-status status-away"></div>-->
                            <!--<span class="contacts-title">{{'递交者' | dyLanguage}}:Dmitry Ivaniuk</span><span style="float: right;">2018-10-10</span>-->
                            <!--<p>任务内容(状态)</p>-->
                        <!--</a>-->
                    <!--</div>-->
                    <!--<div class="panel-footer text-center">-->
                        <!--<a href="pages-messages.html">{{'显示所有' | dyLanguage}}</a>-->
                    <!--</div>-->
                <!--</div>-->
            </li>
            <!-- END TASK -->

            <!-- LANGUAGE -->
            <li class="xn-icon-button pull-right" style="padding: 0px; margin: 0px; ">
                <a href="javascript:void(0)" style="margin-right: -20px;"><span class="fa fa-tablet"></span></a>
                <div class="panel panel-primary animated zoomIn xn-drop-left xn-panel-dragging" style="width: 100px;">
                    <div class="panel-heading">{{'语言' | dyLanguage}}</h3>
                    </div>
                    <div class="panel-body list-group list-group-contacts scroll" style="z-index: 100;" ng-repeat="record in languages">
                        <a href="javascript:void(0)" class="list-group-item" ng-click="changeLanguage(record)">
                            <span class="contacts-title">{{record.name}}</span>
                        </a>
                    </div>
                </div>
            </li>
            <!-- END LANGUAGE -->

        </ul>
        <!-- END X-NAVIGATION VERTICAL -->
        <ul class="breadcrumb" style="cursor: pointer;">
            <li><a href="javascript:void(0)" ng-click="jumpHome()">{{'管理系统' | dyLanguage}}</a></li>
            <li ng-repeat="state in stateTree track by $index"><a ng-click="jumpState(state)">{{state.pageName || state.name}}</a></li>
        </ul>
        <div class="page-content-wrap" ui-view="sz-main"></div>
    </div>
    <!-- END PAGE CONTENT -->
</div>
<!-- END PAGE CONTAINER -->
